body{
	width: 100%;
	margin:0 auto;
	height: 100%;
	/*float: left;*/
	font-family: 'Open Sans', sans-serif;
}
*{
	box-sizing: unset;
}
.page
{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
}
.page .home{
	margin-top: 50px;
	background: url(../images/bg-home.jpg) no-repeat;
	background-size:cover;
	height: 603px;
	
	padding: 30px 0;
}
.home .content{
	width: 960px;
	margin: 0 auto;
}
.page .header{
	position: fixed;
	/*float: left;*/
	z-index: 9999;
	top: 0;
	display: block;
	width: 90%;
	height: 30px;
	background: #78ad27;
	/*border-bottom: 2px solid #787878;*/
	padding: 10px 5%;
	margin:0;
}
.page .logo{
	width: 20%;
	float: left;
}
.logo h1{
	margin: 0;
}
.logo h1 a{
	font-size: 26px;
	text-decoration: none;
	margin:0;
	padding:0;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}
.page .main-menu{
	width: 55%;
	float: left;
	padding-top: 4px;
}
.page .signup{
	width: 25%;
	text-align: right;
	float: right;
}
.signup ul li{
	display: inline;
	padding: 0 5px;
}
.signup .login{
	padding-top: 2px;
	display: inline-block;
}
.login img{
	box-shadow: 2px 0 3px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 2px 0 3px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 2px 0 3px 0 rgba(0,0,0,.12);
}
.main-menu ul li, .footer-menu ul li{
	display: inline;
	padding-right: 15px;
}
.main-menu li a{
	font-size: 16px;
	font-weight: 400;
}
.footer-menu li a{
	font-size: 14px;
}
.footer-menu li a{
	text-decoration: none;
	color: #ffffff;
	padding: 0 10px;
}
.main-menu li a{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 20px;
}
.main-menu li a:hover,.main-menu li a.active{
	color: #293a10;
	background: #e1e1e1;
	border-radius: 8px;
	padding: 4px 20px;
	box-shadow: inset 5px 0 5px rgba(0,0,0,.16);
	-moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.16);
	-webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.16);
}
.page .container{
	/*float: left;*/
	width: 100%;	
}
.container .search-bar{
	margin:0 auto;
	width: 100%;
	text-align: center;
	position: relative;
}
.search-bar .search{
	position: relative;
	width: 475px;
	margin: 0 auto 30px auto;
	
}
.search-bar input[type="text"]{
	width: 100%;
	border: 0;
	margin:0;
	background: rgba(193,193,193,.3);
	color: #000000;
	font-size: 16px;
	height: 20px;
	padding: 15px 0px 15px 15px;
	border-radius: 6px;
	font-style: italic;
	box-shadow: inset 5px 1px 5px 0 rgba(0,0,0,.16);
	-moz-box-shadow: inset 5px 1px 5px 0 rgba(0,0,0,.16);
    -webkit-box-shadow: inset 5px 1px 5px 0 rgba(0,0,0,.16);
}
.page .line{
	background: #787878;
	height: 2px;
	width: 100%;
	position: fixed;
	top: 50px;
	float: left;
	box-shadow: 0 -1px 4px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.3);
    z-index: 99999;
}
.search-bar .icon-search{
	background: url(../images/icon-search.png) no-repeat;
	width: 37px;
	height: 35px;
	position: absolute;
	display: block;
	top: 10px;
	right: -4px;
	cursor: pointer;
	border: 0;
}
.container .box{
	width: 90%;
	padding:0 5%;
	float: left;
}
.box .left, .box .right{
	width: 240px;
	border:1px solid #9ccc59;
	border-radius: 5px;
	padding:10px 20px 0 20px;
	background: rgba(254,254,254,.8);
	box-shadow: 1px 1px 24px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 24px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 24px 0 rgba(0,0,0,.3);
}
.box h3{
	color: #666666;
	text-transform: uppercase;
	font-size: 30px;
	text-align: center;
	border-bottom: 1px solid #666666;
	padding-bottom: 10px;
}
.box2 .left,.box .left{float: left;}
.box2 .right,.box .right{float: right;}
.box ul li{
	background: url(../images/check-box.png) no-repeat left center;
	padding-left: 30px;
	line-height: 20px;
	margin-top: 10px;
	color:#666666;
	font-size: 14px;
}
.box .box-content .btn{
	margin: 20px 0;
}
.feedback{
	position: fixed;
	top:50%;
	left:0;
}
.container .box2{
	width: 100%;
	padding:0;
	float: left;
	margin-top: 40px;
}
.box2 .left, .box2 .right{
	width: 45%;
	box-shadow: 0 0 6px 0 rgba(0,0,0,.27);
	-moz-box-shadow:0 0 6px 0 rgba(0,0,0,.27);
	-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.27);
}
.box2 .box-title{
	padding: 5px 0;
	float: left;
	background: #ffffff;
	position: relative;
}
.box2 .left h3{
	color:#78ad27;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
}
.box2 .right .icon-news{
	background: url(../images/icon-news.png) no-repeat;
	width: 30px;
	height: 31px;
	position: absolute;
	top: 5px;
	left: 5px;
}
.box2 .right h3{
	color:#ffffff;
	font-size: 15px;
	text-transform: uppercase;
	padding-left: 40px;
	font-weight: normal;
}
.box2 .left .box-title{
	text-align: center;
	width: 100%;
}
.box2 .right .box-title{
	background: #fa6507;
	width: 100%;
}
.box2 .box-title h3,.box2 .box-title img{
	display: inline-block;
}
.box2 .left .box2-content{
	width: 100%;
	background: #78ad27;
	display: block;
	float: left;
	padding: 10px 0 5px 0;
	height: 80px;
}
.box2 .box2-content .avatar{
	width: 90px;
	float: left;
	padding-left: 10px;
	height: 80px;
}
.box2 .box2-content .avatar img{
	height: 100%
}
.box2 .box2-content .feedback-content{
	width: 330px;
	float: left;
	line-height: 20px;
	color: #ffffff;
	font-size: 13px;
}
/*google chrome, sarafi, opera*/
.box2 .right .content-news::-webkit-scrollbar {
    width: 12px;
}
 
.box2 .right .content-news::-webkit-scrollbar-track {
    background: #d1d1d1;
}
 
.box2 .right .content-news::-webkit-scrollbar-thumb:vertical {
	background: #78ad27;
	height: 30px;
}
@-moz-document url-prefix(http://),url-prefix(https://) {
	 scrollbar {
	 	-moz-appearance: none !important;
	 	background: #d1d1d1 !important;
	 }
	 thumb,scrollbarbutton {
	 	-moz-appearance: none !important;
	 	background: #78ad27 !important;
	 }
	 thumb:hover,scrollbarbutton:hover {
	 	-moz-appearance: none !important;
	 	background: #78ad27 !important;
	 }
	 scrollbarbutton {
	 	display: none !important;
	 }
	 scrollbar[orient="vertical"] {
	 	min-width: 15px !important;
	 }
 }
.box2 .right .box2-content{
	background: #ffffff;
	float: left;
	padding: 	1%;
	width: 98%;
}
.box2 .right .content-news{
	height:95px;
	overflow-x: hidden;
	overflow-y:scroll;
}
.box2 .right .title-news{
	padding:5px 10px 0 10px;
}
.title-news a{
	color: #2e2e2e;
	font-size: 11px;
	font-weight: bold;
}
.google-map{
	border-top: 7px solid #78ad27;
	/*border-bottom:7px solid #161616;*/
	height: 600px;
	width: 100%;
	position: relative;
	box-shadow: 3px 0 8px 0 rgba(0,0,0,.59);
	-moz-box-shadow:3px 0 8px 0 rgba(0,0,0,.59);
	-webkit-box-shadow:3px 0 8px 0 rgba(0,0,0,.59);
}
.google-map .item{
	/*position: absolute;
	top: 80px;
	left: 25%;*/
	width: 218px;
	float: left;
	background: #ffffff;
	outline: 1px solid #cccccc;
	padding: 10px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.36);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.36);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.36);
}
.google-map .list-items{
	position: absolute;
	top: 70px;
	right: 10%;
	width: 290px;
	background: rgba(254, 254, 254, .9);
	/*outline: 1px solid rgba(137,137,137,.5);*/
	padding: 10px 10px 0 10px;
	border-radius: 5px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.47);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.47);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.47);
	cursor: pointer;
}
.list-items .head-item, .item .head-item{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.list-items .icon-more{
	width: 100%;
	text-align: center;
	float: left;
}
.list-items .loadmore{
	float: left;
	width: 100%;
	text-align: center;
	margin: 5px 0;
}
.list-items .calendar-item .detail{
	font-size: 12px;
	text-decoration: underline;
	float: right;
	font-weight: normal;
}
.loadmore a{
	display: inline-block;
	border-radius: 5px;	
	background: #78ad27;
	padding:5px 0;
	width: 105px;
	font-size: 12px;
	color:#ffffff;
	text-transform: uppercase;
	text-decoration: none;
}
.list-items .items .item-view:first-child{
	padding:0;
}
.list-items .items .item-view{
	border-bottom: 1px solid #e3e3e3;
	padding-top: 10px;
	float: left;
	cursor: pointer;
}
.list-items .content-item p{
	color:#666666;
}
.list-items .left-item{
	width: 65px;
	float: left;
	border: 1px solid #78ad27;
	padding:2px;
}
.list-items .left-item img{
	width: 100%
}
.list-items .right-item{
	width: 209px;
	float: left;
	padding-left: 10px;

}

.item .image-item{
	width: 50px;
	float: left;
}
.item .title-item{
	width: 158px;
	float: left;
	padding-left: 10px;
}
.list-items .image-item img, .item .image-item img{
	width: 100%;
}
.list-items .right-item a{
	color: #78ad27;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
.item .title-item a{
	color: #78ad27;
	font-size: 12px;
	text-decoration: none;
}
.item .content-item{
	width: 100%;
	float: left;
}
.item .address-item, .list-items .address-item{
	background: url(../images/icon-address.jpg) no-repeat left center;
	padding-left: 25px;
	display: block;
	color: #666666;
}
.item .address-item, .item .calendar-item{
	font-size: 10px;
}
.item .calendar-item, .list-items .calendar-item{
	background: url(../images/icon-calendar.png) no-repeat left center;
	padding-left: 25px;
	display: block;
	color: #666666;
}
.item p, .list-items p{
	line-height: 20px;
	color: #797979;
	margin-bottom: 5px;
}
.list-items .close{
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}
.close span{
	background: url(../images/btn-close.png) no-repeat;
	width: 32px;
	height: 31px;
	display: block;
	cursor: pointer;
	z-index: 99999;
}
.footer{
	border-top:7px solid #161616;
	height: 600px;
	width: 100%;
	position: relative;
	box-shadow: 3px 0 8px 0 rgba(0,0,0,.59);
	-moz-box-shadow:3px 0 8px 0 rgba(0,0,0,.59);
	-webkit-box-shadow:3px 0 8px 0 rgba(0,0,0,.59);

	background: #323232;
	float: left;
	width: 100%;
	height: 100px;
}
.footer .logo-footer{
	width: 20%;
	float: left;
	padding-top: 30px;
	text-align: center;
}
.logo-footer h2{
	font-size: 20px;
	color: #75973c;
	text-transform: uppercase;
}
.footer .footer-menu{
	float: right;
	width: 80%;
	text-align: right;
	padding-top: 20px;
}
.footer .copyright{
	width: 100%;
	text-align: center;
	font-size: 11px;
	color: #ffffff;
	float: left;
	margin-top: 20px;
}
.social{
	position: fixed;
	right: 0;
	top: 20%;
}
.social .in, .social .twitter, .social .google, .social .princess{
	width: 53px;
	height: 53px;
	display: block;
}
.social .in{
	background: url(../images/social.png) 0 0 no-repeat;
}
.social .twitter{
	background: url(../images/social.png) 0 -63px no-repeat;
}
.social .princess{
	background: url(../images/social.png) 0 -125px no-repeat;
}
.social .google{
	background: url(../images/social.png) 0 -188px no-repeat;
}
/*search*/
#map_canvas{
	width: 100%;
	height: 78%;
}
.google-map .search-bar{
	position: absolute;
	top: 20px;
	z-index: 10;
}
.google-map .search-bar .searach{
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,.12);
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.12);
}
.google-map .search-bar input[type='text']{
	background: #e1e1e1;
	box-shadow: inset 0 5px 5px 0 rgba(0,0,0,.16);
	-moz-box-shadow: inset 0 5px 5px 0 rgba(0,0,0,.16);
	-webkit-box-shadow: inset 0 5px 5px 0 rgba(0,0,0,.16);
	text-transform: rotate(90deg);
}
.ads{
	float: left;
	width: 100%;
	bottom: 0;
	margin: 0 auto;
	background: #fff;
	padding: 15px 0;
	position: relative;
}
.ads .banner:first-child{
	margin:0;
}
.ads .banner{
	float: left;
	margin-left: 10px;
}
.ads .banner img{
	float: left;
	border: 1px solid #dcdcdc;
}
.find{
	margin-top: 45px;
}
.find .search-bar  .search{
	box-shadow: 5px 0px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 5px 0px 5px 0 rgba(0,0,0,.12);
	-webkit-box-shadow: 5px 0px 5px 0 rgba(0,0,0,.12);
}
.btn-group{
	position: absolute;
	bottom: 22.5%;
	right: 5%;
	z-index: 999;
}
.btn-group .btn-post, .btn-group .btn-new{
	background: #78ad27;
	padding:5px 15px 5px 10px;
	margin: 0 5px;
	box-shadow: 2px 0 5px 1px rgba(0,0,0,.49);
	-moz-box-shadow: 2px 0 5px 1px rgba(0,0,0,.49);
	-webkit-box-shadow: 2px 0 5px 1px rgba(0,0,0,.49);
	font-size: 14px;
	color:#ffffff;
	display: inline-block;
	text-decoration: none;
}
.btn-post .icon{
	background: url(../images/icon-post.png) no-repeat;
	width: 22px;
	height: 22px;
	position: relative;
	display: inline-block;
}
.btn-new .number{
	position: absolute;
	top: -9px;
	right: -9px;
	padding:3px;
	width: 17px;
	height: 16px;
	background: #ff0000;
	color:#ffffff;
	text-align: center;
	font-size: 10px;
}

.signup ul li.message .number{
	position: absolute;
	top: -3px;
	right: 5px;
	width: 10px;
	height: 10px;
	background: #ff0000;
	color:#ffffff;
	text-align: center;
	font-size: 9px;
}
.signup ul li.username a{
	font-size: 14px;
	font-style: italic;
	color: #ffffff;
	background: url(../images/icon-user.png) no-repeat;
	padding-left:25px;
	margin-top: 5px;
	margin-right: 15px;
	display: inline-block;
	text-decoration: none;
}
.signup ul li.message{
	display: inline-block;
	background: url(../images/icon-message.png) no-repeat;
	width: 19px;
	height: 13px;
	margin-top: 10px;
	position: relative;
}
/*sign up*/
#signup{
	position: absolute;
	top: 10%;
	width: 325px;
	left:35%;
	background: transparent;
}
#signup .title{
	padding:10px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #78ad27;
	font-weight: bold;
	font-size: 23px;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
}
#signup .close{
	background: url(../images/btn-close.png) no-repeat;
	width: 32px;
	height: 31px;
	position: absolute;
	top: -10px;
	right: -15px;
	cursor: pointer;
	box-shadow: 0px 5px 0px -5px rgba(0,0,0,.28);
	-moz-box-shadow: 0px 5px 0px -5px rgba(0,0,0,.28);
	-webkit-box-shadow: 0px 5px 0px -5px rgba(0,0,0,.28);
}
#signup .content .group{
	background: #ffffff;
	text-align: center;
	padding: 10px;
	border-left: 1px solid #6d6d6d;
	border-right: 1px solid #6d6d6d;
	border-bottom: 1px solid #6d6d6d;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.49);
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.49);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.49);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#signup .group .text,#signup .group .area{
	background: #dcdcdc;
	font-size: 12px;
	font-style: italic;
	color: #7e7e7e;
	border:0;
	padding: 10px;
	border-radius: 5px;
	width: 280px;
	margin-bottom:10px;
	display: block;
}
#signup .group .file-input{
	position: relative;
	height: 20px;
	border-radius: 5px;
	text-align: left;
	padding:5px 10px 10px;
	background: #dcdcdc;	
	margin-bottom: 10px;
}
#signup .group .photo{
	position: relative;
	opacity: 0;
	z-index: 10;
}
#signup .group .file-input label{
	position: absolute;
	font-style: italic;
	font-size: 12px;
	cursor: pointer;
	color: #7e7e7e;
	width: 100%;
	left: 10px;
	top: 10px;
}
#signup .group label{
	color:#333333;
	font-size: 12px;
}
#signup .group label a{
	color:#78ad27;
	text-decoration: underline;
}
#signup .group .checkbox{
	border:1px solid #78ad27;
	background: url(../images/checkbox.png) no-repeat;
	width: 16px;
	height: 15px;
}
#signup .group .btn-submit{
	background: #fa6507;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 5px;
	padding:10px 20px;
	font-weight: bold;
	border: 0;
	cursor: pointer;
}
#feedback,#box,#popup-register{
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	z-index: 10;
}
#box .facebook,#box .google{
	position: relative;
	width: 200px;
	margin:5px 35px;
	float: left;
	border-radius: 5px;
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
	padding:5px 0 5px 30px;
	text-align: left;
	cursor: pointer;
}
#box .facebook{
	background: #3e4f71;
}
#box .google{
	background: #d6492f;
}
#box .facebook .icon{
	background: url(../images/icon-fb.png) no-repeat;
	width: 25px;
	height: 24px;
	display: inline-block;
	position: absolute;
	top: 2px;
	left:2px;
}
#box .google .icon{
	background: url(../images/icon-google.png) no-repeat;
	width: 23px;
	height: 24px;
	position: absolute;
	top: 2px;
	left:2px;
	display: inline-block;
}
#box .current{
	display: block;
	width: 280px;
	position: relative;
	font-style: italic;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	background: #8d8e8b;
	padding:10px;
	border-radius:5px;
	margin-bottom: 5px;
}
#box .current .icon{
	position: absolute;
	background: url(../images/icon-current.png) no-repeat;
	width: 22px;
	height: 23px;
	display: block;
	left: 45px;
}
#loading{
	position: fixed;
	height: 100%;
	top: 0;
	background: rgba(0,0,0,.5);
	width: 100%;
	z-index: 99999;
}
#loading img{
	position: relative;
	top: 30%;
	left: 50%;
}
/*datepicker*/
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.datepicker > div {
    display: none;
}
table {
    border-spacing: 0px;
    border-collapse: collapse;
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
/*user profile*/
.user{
	min-height: 500px;
	padding-top: 70px;
}
.user .content{
	width: 960px;
	margin:0 auto;
	min-height: 100%;
}
.user .profile{
	padding-top: 30px;
	width: 100%;
}
.profile .left{
	width: 140px;
	padding-right: 20px;
	float: left;
}
.profile .right{
	border-left: 1px solid #e8e8e8;
	padding-left: 20px;
	width: 779px;
	float: right;
	min-height: 300px;
}
.profile .right .title{
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #e8e8e8;
	display: block;
}
.profile .group-controls, .profile .btn{
	width: 100%;
	padding-top: 10px;
	float: left;
}
.profile .btn{
	text-align: right;
}
.profile .btn a{
	border: 1px solid #c5c5c5;
	text-decoration: none;
	font-size: 13px;
	color: #707070;
	padding:5px 10px;
	background: #d7d7d7;
}
.profile .group-controls label{
	width: 100px;
}
.profile .group-controls input[type="text"],
.profile .group-controls input[type="email"]{
	width: 300px;
}
.hidden{
	display: none;
}
.profile .group-controls .control{
	width: 670px;
}
.profile .group-controls label,
.profile .group-controls .control{
	float: left;
	font-size: 13px;
}
.profile .title h3{
	color: #78ad27;
	font-size: 14px;
	width: 50%;
	float: left;
}
.profile .title a.edit{
	float: left;
	width: 50%;
	color:#000000;
	font-size: 11px;
	text-align: right;
}
.profile .left .avatar{
	position: relative;
	cursor: pointer;
}
.profile .left .btn{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
.profile .left .avatar:hover .btnUpload{
	display: block;
	cursor: pointer;
}
.profile .btn .btnUpload{
	display: none;
	position: relative;
	width: 99%;
	background: #d7d7d7;
	text-align: center;
	font-size: 12px;
	color: #707070;
	padding: 5px 0;
	font-weight: 600;
	border: 1px solid #c5c5c5;
	top: 80.6%;
}
.inputUpload{
	height: 100%;
	opacity: 0;
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 100%;
    left: 0;
}
.crum a{
	color: #78ad27;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}
.crum{
	color: #707070;
	font-weight: 600;
	font-size: 13px;
}
.profile h3{
	font-size: 14px;
	color: #78ad27;
	font-weight: 600;
	margin-top: 10px;
	width: 100%;
	border-bottom: 1px solid #c6c6c6;
}